<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>TMOCC</title>
		<style>
			* {
				margin: 0;
				padding: 0;
				text-decoration: none;
				list-style: none;
			}

			.header {
				height: 71px;
				background-color: #FFFFFF;
			}

			.header-center {
				width: 1200px;
				height: 70px;
				margin: 0 auto;

			}

			.left {
				float: left;
			}

			.left img {
				margin-top: 15px;
			}

			.center {
				margin-left: 70px;
				float: left;
			}

			.center li {
				margin: auto 20px;
				float: left;

			}

			.center a {
				color: black;
				font-size: 16px;
				height: 70px;
				line-height: 70px;
			}

			.center a:hover {
				color: #4F8DFE;
			}

			.right {
				float: right;
			}

			.right li {
				float: left;
				margin: auto 10px;
			}

			.right a {
				font-size: 14px;
				color: white;
				height: 70px;
				line-height: 70px;
			}

			.right .a-fist {
				padding-right: 18px;
				border-right: white 1px solid;
			}

			.footer {
				width: 100%;
				height: 200px;
				background-color: #282c30;
			}

			.footer .xinxi {
				margin: 0 auto;
				width: 1200px;
				height: 150px;
				border-bottom: 1px solid black;
			}

			.footer .xinxi .f-xinxi {
				float: left;
				width: 700px;
				height: 200px;
			}

			.footer .xinxi .f-xinxi2 {
				float: left;
				width: 500px;
				height: 200px;

			}

			.footer .xinxi .f-xinxi ul {
				width: 500px;
				text-align: center;
				margin-left: 60px;
				margin-bottom: 20px;
			}

			.footer .xinxi .f-xinxi li {
				float: left;
				padding:10px 20px;
				margin-top: 50px;
				margin-bottom: 20px;
				font-size: 14px;
				border-right: 1px solid #999999;
				line-height: 5px;
				height: 5px;
				text-align: center;
				color: #999999;
			}

			.footer .xinxi .f-xinxi li:hover {
				cursor: pointer;
				color: #ffffff;
			}

			.footer .xinxi .f-xinxi li:nth-child(5) {
				border: 0;
			}

			.footer .xinxi .f-xinxi span {
				float: left;
				font-size: 14px;
				width: 700px;
				color: #666666;
			}

			.footer .xinxi .f-xinxi2 img {
				float: right;
				width: 100px;
				height: 100px;
				margin-top: 25px;
			}

			.footer .xinxi .f-xinxi2 span {
				width: 325px;
				display: block;
				font-size: 14px;
				margin-top: 60px;
				margin-left: 60px;
				color: #666666;
			}

			.footer .xinxi .f-xinxi2 p {
				font-size: 14px;
				width: 400px;
				margin-left: 5px;
				margin-top: 5px;
				color: #666666;
			}

			.guanggao {
				width: 50px;
				height: 200px;
				position: fixed;
				right: 20px;
				top: 200px;
				z-index: 1000;
			}

			.guanggao ul {
				width: 50px;
			}

			.guanggao li {
				list-style: none;
				height: 50px;
				margin: 12.5px 0;
				text-align: center;
				line-height: 50px;
				border: #dddddd 1px solid;
				background-color: #ffffff;
				border-radius: 5px 5px 5px 5px;
			}

			.guanggao img {
				width: 35px;
				height: 35px;
				margin-top: 6px;
			}

			.guanggao ul li:hover {
				background-color: gainsboro;
				cursor: pointer;
			}

			
		</style>
	</head>
	<body>
		<div class="guanggao">
			<ul>
				<li><img src="./img/kec.png"></li>
				<li><img src="./img/线上服务.png"></li>
				<li><img src="./img/电话热线.png"></li>
			</ul>
		</div>
		<div class="header">
			<div class="header-center">
				<div class="left" onclick="window.location.href='index.html'"><a href="#"><img src="img/tmooc-logo2.png" /></a></div>
				<div class="center">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="#">免费课</a></li>
						<li><a href="#">直播课</a></li>
						<li><a href="#">精品课</a></li>
						<li><a href="#">线上班 (VIP)</a></li>
						<li><a href="#">线下班</a></li>
						<li><a href="#">达内高手</a></li>
						<li><a href="#">高校专区</a></li>
					</ul>
				</div>
				<div class="right">
					<ul>
						<li><a href="" class="a-fist">注册</a></li>
						<li><a href="">登录</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="xinxi">
				<div class="f-xinxi">
					<ul>
						<li>关于我们</li>
						<li>招聘信息</li>
						<li>联系我们</li>
						<li>商务合作</li>
						<li>帮助页面</li>
					</ul>
					<span>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号
					</span>
				</div>
				<div class="f-xinxi2">
					<img src="img/erweima.jpg">
					<span>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</span>
					<p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
				</div>
			</div>
		</div>
		<script>
			var num=100;
			var arr = [];
			for (var i = 1; i <= num; i++) {
			    if (num % i == 0 && true) {
			        arr.push(i);
					console.log(arr)
			    }
			}
		</script>
	</body>
</html>

